@import "fonts.css";

html { -webkit-font-smoothing: antialiased; }

/* 
	The percentage is of 16px, browser default font size
	(0.75 * 16px = 12px) = Boilerplate Method
	18px = low x-height fonts - change font stack
	16px = high x-height fonts	
*/
body { font-size: 16px; color: #444; }

/* Default and high x-height fonts. */
body,p,ul,ol,dl,input,textarea, h1,h2,h3,h4,h5,h6,legend,label,th,caption,dt { font-family: "Raleway", Helvetica, Arial, sans-serif; }

/* Low x-height fonts 
body,p,ul,ol,dl,input,textarea { font-family: Verdana, Trebuchet, sans-serif; }
h1,h2,h3,h4,h5,h6,legend,label,th,caption,dt { font-family: "Times New Roman", Times, serif; }
*/


/* Headings -------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

h1 { font-size: 4.25em; line-height: 1; letter-spacing: -2px; }
h2 { font-size: 2.625em; line-height: 1; letter-spacing: -1px; }
h3 { font-size: 1.625em; line-height: 1.375; }

/* Text elements -------------------------------------------------------------- */
p { margin: 0 0 1.5em; max-width: 43.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a, a:active, a:visited { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

blockquote { margin: 1.5em; }
blockquote * { color: #999; font-style: italic; margin: 0; }
blockquote p:before, blockquote p:after { color: #444; font: 300% serif; line-height: 1; height: .3em; }
blockquote p:before { content: '\201C'; float: left; margin: 0 .25em 0 0; }
blockquote p:after { content: '\201D'; float: right; clear: right; margin: 0; }
p cite { margin-left: 1.5em; }
p cite:before { content: '-- '; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { padding: 0 1.5em .75em; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
/* these two must be separate */
::-moz-selection{ background: #FF5E99; color: #fff; text-shadow: none; }
::selection { background: #FF5E99; color: #fff; text-shadow: none; }

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }


/* Tables -------------------------------------------------------------- */
table { margin-bottom: 1.4em; width: 100%; max-width: 100%; }
tr:hover { background: #eee; }
tr:hover th, tfoot tr:hover, tfoot td:hover { background: #fff; }
td:hover { background: #ccc; color: #222; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
td, td img { vertical-align: top; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { font-size: 2.625em; margin-bottom: 0.75em; font-weight: bold; font-family: 'Rockwell', Georgia, serif; }


/* Images, Canvas, Video/Audio & Figures --------------------------------------------------------- */
canvas { border: 1px solid #ccc; margin: 1em; }
video, audio { margin: 1em; }
figure { margin: 1.5em 0 2em; text-align: center; }
figcaption { margin: 1em 0; font-style: italic; }
figure img { display: block; margin: 0 auto 0.6255em; border: 1px solid #ccc; padding: 0.5625em; }
/* drag and drop */
*[draggable=true] { -moz-user-select: none; -khtml-user-drag: element; cursor: move; }
*:-khtml-drag { background-color: rgba(238,238,238, 0.5); }


/* Microformats ---------------------------------------------------------------------- */
.vcard { margin: 1.5em; padding: 1.4em; border: 1px solid #ccc; overflow-x: scroll; overflow-y: hidden; }
.photo { width: 16.5em; margin: 0 1.5em 0 0; float: left; }

.fn { font-size: 2.625em; line-height: 1; letter-spacing: -1px; }
.n { }
.given-name {}
.additional-name {}
.family-name {}
.honorific-prefix {}
.honorific-suffix {}

.org { display: block; }
.email {}
.url {}
.adr {}
.street-address {}
.locality {}
.region {}
.postal-code {}
.country-name {}
.tel {}
.tags {}

.hreview {}

.vevent {}


/* Some default classes -------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

/* hide from view and screen reader */
.hidden { display: none; visibility: hidden; }
/* hide just from view */
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE7 */ clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }